﻿@using System.Threading
@using System.Web.Optimization
@using Abp.Timing
@using Abp.Web.Mvc.Extensions
@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Abp</title>

    <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
    <link href="~/Content/font-awesome.min.css" rel="stylesheet" />
    @*ext引用*@
    <script src="~/libs/jquery/jquery.min.js"></script>
    <script src="/Content/ExtJs/ext-bootstrap.js"></script>
    <script src="/Content/ExtJs/build/ext-all-debug.js"></script>
    <script src="/Content/ExtJs/build/classic/locale/locale-zh_CN.js"></script>
    <link href="/Content/ExtJs/build/classic/locale/theme-crisp/resources/theme-crisp-all.css" rel="stylesheet" />

    <script src="~/Abp/Framework/scripts/abp.js"></script>
    <script src="~/Abp/Framework/scripts/libs/abp.jquery.js"></script>
    <script src="/AbpScripts/GetScripts" type="text/javascript"></script>
    <script src="/api/serviceProxies/GetAll"></script>
    <style type="text/css">
        /* ico style */
        .i_Lock {
            background: url(/Content/images/lock.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Flag_red {
            background: url(/Content/images/flag_red.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Flag_yellow {
            background: url(/Content/images/flag_yellow.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Flag_purple {
            background: url(/Content/images/flag_purple.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Flag_pink {
            background: url(/Content/images/flag_pink.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Flag_green {
            background: url(/Content/images/flag_green.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Flag_orange {
            background: url(/Content/images/flag_orange.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Flag_blue {
            background: url(/Content/images/flag_blue.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Star {
            background: url(/Content/images/star.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_UnStar {
            background: url(/Content/images/star.png) no-repeat 0 50%;
            padding-left: 18px;
            opacity: 0.3;
            filter: "alpha(opacity=30)";
            -ms-filter: "alpha(opacity=30)";
        }


        .i_Deliverydate {
            background: url(/Content/images/time_delete.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Subtasks {
            background: url(/Content/images/text_list_bullets.png) no-repeat 0 -2px;
            padding-left: 18px;
        }

        .i_Attachment {
            background: url(/Content/images/attach.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Comments {
            background: url(/Content/images/comment.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Describe {
            background: url(/Content/images/text_dropcaps.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Manager {
            background: url(/Content/images/user_suit.png) no-repeat 0 50%;
            padding-left: 18px;
        }

        .i_Participants {
            background: url(/Content/images/group.png) no-repeat 0 50%;
            padding-left: 18px;
        }


        .dv_ProgressBar {
            height: 3px;
            background: #090;
        }


        /* td style */
        .td_Check {
            width: 30px;
            text-align: center;
        }

        .td_Title {
            padding: 3px 10px 3px 10px;
        }

        table.tb_taskitem {
            float: left;
            width: 96%; /*设置表格的宽度，可以设置成多列显示。*/
            border: 1px solid #bab4b4;
            margin: 5px 5px 0 5px;
            cursor: pointer;
        }


        table.x-view-over {
            background-color: #eeecec;
        }

        table.x-view-selected {
            background-color: #c8e0b9;
        }
    </style>
</head>
<body>
</body>
</html>


<script type="text/javascript">
    var App = $.extend({}, App);

    App.AjaxPost = function (url, params, callback) {

        $.ajax({
            url: url,
            contentType: 'application/json',
            type: "post",
            data: JSON.stringify(params),
            success: function (r) {
                if (r.success) {
                    callback(r);
                } else {
                    console.log(r);
                    Ext.Msg.alert("Message", r.error.message + "<br>" + r.error.details);
                }
            }
        });
    }

    App.AjaxGet = function (url, callback) {

        $.ajax({
            url: url,
            contentType: 'application/json',
            type: "get",
            success: function (r) {
                if (r.success) {
                    callback(r);
                } else {
                    console.log(r);
                    Ext.Msg.alert("Message", r.error.message + "<br>" + r.error.details);
                }
            }
        });
    }

    App.AjaxDelete = function (url, callback) {

        $.ajax({
            url: url,
            contentType: 'application/json',
            type: "DELETE",
            success: function (r) {
                if (r.success) {
                    callback(r);
                } else {
                    console.log(r);
                    Ext.Msg.alert("Message", r.error.message + "<br>" + r.error.details);
                }
            }
        });
    }

    Ext.Ajax.setDefaultPostHeader("application/json");
    Ext.application({
        name: 'app',
        appFolder: '/Ext',
        extend: 'app.prm.task.Application'
    });

</script>
